<template>
	<div id="contacts">
		<v-header :title="'联系人'"></v-header>
		<div class="contacts">
			<img src="../../common/images/Contact-.png"/>
		</div>
		<div class="contacts-phone" @touchstart="phoneAlert">
			热线电话：{{phone}}
		</div>
	</div>
</template>

<script>
	import VHeader from 'components/v-header'
	import VMask from 'components/v-mask'
	import Loading from 'components/loading'
	import BottomBar from 'components/bottom-bar'
	
	export default {
		components: {
			BottomBar,
			Loading,
			VMask,
			VHeader
		},
		data() {
			return {
				phone: '010-12345678' //手机号码
			}
		},
		methods: {
			phoneAlert() {
				mui.confirm('',this.phone,['呼叫','否'],(status) => {
					if(status.index == 0) {
						window.location.href = "tel:"+this.phone
					}
				},'div')
			}
		}
	}
</script>

<style scoped lang="stylus">
@import '../../common/stylus/variable.styl'
@import '../../common/stylus/mixin.styl'

	#contacts
		position fixed
		width 100%
		height 100%
		background-color $color-bg-gray
		.contacts
			display flex
			justify-content center
			padding 40px 0
			img
				width 147px
				height 147px
				
		.contacts-phone
			border-top 2px solid #e0e0e0
			border-bottom 2px solid #e0e0e0
			padding 15px
			font-size $font-size-small
</style>